<template>
  <div>
    <el-badge 
    v-for="index in total" 
    :key="index" 
    :value="index<10?'0'+index:index " 
    class="item"
    :type="index==current?'primary':'info' " 
    > </el-badge>
  </div>
</template>

<script>
export default {
    data(){
        return {
            total:20,
            current:1
        }
    }

};
</script>

<style scoped>
</style>